<!DOCTYPE html>
<html lang="zh">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<link rel="stylesheet" type="text/css" href="css/header_footer.css"><!--通用头尾-->
	<link rel="stylesheet" type="text/css" href="css/navbar.css"><!--通用导航栏-->
	<link rel="stylesheet" type="text/css" href="css/index.css"><!--页面专属-->
	<link rel="stylesheet" type="text/css" href="css/phone.css"><!--通用手机导航栏-->
	<link rel="icon" href="./img/Icon/Hat_by_PxStardust.png" type="image/x-icon">
	<title>WalkerZZL的个人主页</title>
</head>
<body ondragstart='return false'>
	<header>
		<div class="header">
			<div class="weather">
				<img id="Month" src="./" alt="none"/>
				<img id="Date1" src="./" alt="none"/>
				<img id="Date2" src="./" alt="none"/>
				<img id="Week" src="./" alt="none"/>
				<img id="Time" src="./" alt="none"/>
			</div>
		</div>
	</header>
	<nav>
		<ul class="navbar">
			<li><a href="index.html">主页</a></li>
			<li><a href="introduction.html">介绍</a></li>
			<li><a href="dairy.html">日志</a></li>
			<li><a href="album.html">相册</a></li>
			<li><a href="form.html">意见征集</a></li>
		</ul>
	</nav>
	<div class="navbar3">
		<ul id="accordion" class="accordion">
			<li>
				<div class="link"><img src="./img/Icon/Map_by_PxStardust.png" alt="none">指引迷途羔羊</div>
				<ul class="submenu">
					<li><a href="index.html" style="background-color: #CD0000;">目前位置：主页</a></li>
					<li><a href="introduction.html">介绍</a></li>
					<li><a href="dairy.html">日志</a></li>
					<li><a href="album.html">相册</a></li>
					<li><a href="form.html">意见征集</a></li>
				</ul>
			</li>
		</ul>
	</div>
	<div class="content">
		<div class="first_div">
			<div class="content_first">
				<img src="img/bar/LocationBar.png" alt="none">
				<ul>
					<li><h1>欢迎来到我的个人主页</h1></li>
					<li><img src="img/Icon/contacts3.png" alt="none"></li>
				</ul>
				<p>
					如果可以的话还是请用Chrome来访问吧<br>
					虽然努力地写了很多代码来试着让每个浏览器效果差不多<br>
					但发现事实总是那么地令人绝望<br>
					页面效果完全出来竟然要2分钟左右！<br>
					【免费服务器是这样的<br>
					网页的不同大小适配写了半天<br>
					不得不说能做出好看的网页的人真的很厉害<br>
					这里仅仅是在吐槽一些经历而已<br>
					顺便填充一下字数<br>
					毕竟要是不填充<br>
					我会觉得这里很空<br>
					然后又不知道该放些什么<br>
					但是想一想<br>
					其实我也没有什么好展示的<br>
				</p>
				<img src="img/bar/LocationBar.png" alt="none">
				</div>
				<div class="content_first_picture"><img src="img/Joker/1.png" alt="none"/></div>
			</div>
			<hr style="height:2px;background-color:black;border: none;">
			<div class="first_div">
				<div class="content_second_picture"><img src="img/Joker/2.png" alt="none"/></div>
				<div class="content_second">
					<img src="img/bar/laosao.png" alt="none">
					<p>
						<br>
						<br>
						本来还想着要在网页里放音乐<br>
						然后发现音乐插件各种麻烦<br>
						部分浏览器是不支持放音乐的<br>
						<img src="img/Icon/contacts2.png" alt="none">
						<br>
						而且音乐播放器出现又会让人觉得有点诡异<br>
						总而言之，最后并没有出现音乐播放器<br>
						顺便吐槽下如果一张网页不够长，当浏览器横向缩小很多时<br>
						就会出现底部空白的情况<br>
						<br>
						<br>
					</p>
				</div>
			</div>
		</div>
		<footer>
			<div class="footer">
				<p>--------------------------------------</p>
				<p>此处应该有版权声明</p>
				<ul>
					<li><img src="img/Icon/Gallery_by_PxStardust.png"  alt="none"></li>
					<li><img src="img/Icon/Clock_by_PxStardust.png" alt="none"></li>
					<li><img src="img/Icon/Drive_by_PxStardust.png" alt="none"></li>
				</ul>
				<p>然而并没有</p>
			</div>
		</footer>
		<script src='js/jquery.min.js'></script>
		<script  src="js/index.js"></script>
		<script src="js/phone.js"></script>
	</body>
</html>